<template>
    <div class="lianxi">
        <header>
        	<ul>
        		<li><img :src="lpdhImg" width="20" height="40"></li>
        		<li>{{lpdhText}}</li>
        		<li></li>
        	</ul>
        </header>
        <section>
        	<div class="exchange">
        		<div class="exchange-top">
					<ul>
						<li><img :src="lpImg" width="750" height="388"></li>
						<li>{{dhText}}</li>
					</ul>
        		</div>
        		<div class="exchange-content">
					<ul>
						<li><img :src="exImg" width="38" height="38"><img :src="exImgTwo" width="16" height="38">{{exText}}</li>
						<li><img :src="exImgThree" width="2" height="25"></li>
						<li><img :src="exImgFour" width="38" height="38"><img :src="exImgFive" width="16" height="38">{{exTextTwo}}</li>
					</ul>
        		</div>
        		<div class="exchange-bottom">
        			<ul>
        				<li>{{exTextThree}}</li>
        				<li><img :src="exImgSeven" width="2" height="25"></li>
        				<li>{{exTextFour}}</li>
        			</ul>
        		</div>
        	</div>

        	<div class="main">
        		<div class="main-top">
        			<ul>
        				<li><img :src="yeImg" width="28" height="27"></li>
        				<li>{{yeText}}</li>
        			</ul>
        		</div>
        		<div class="main-content">
        			<dl>
        				<dt><img :src="dtImg" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddText}}</p>
        					<p><img :src="ddImg">{{ddTextTwo}}</p>
        				</dd>
        			</dl>

        			<dl>
        				<dt><img :src="dtImgTwo" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddTextThree}}</p>
        					<p><img :src="ddImgTwo">{{ddTextFour}}</p>
        				</dd>
        			</dl>
        		</div>

        		<div class="main-content-two">
        			<dl>
        				<dt><img :src="dtImg" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddText}}</p>
        					<p><img :src="ddImg">{{ddTextTwo}}</p>
        				</dd>
        			</dl>

        			<dl>
        				<dt><img :src="dtImgTwo" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddTextThree}}</p>
        					<p><img :src="ddImgTwo">{{ddTextFour}}</p>
        				</dd>
        			</dl>
        		</div>
        	</div>
        	<div class="main-button">
        		<button>{{buText}}</button>
        	</div>

        	<div class="main">
        		<div class="main-top">
        			<ul>
        				<li><img :src="yeImg" width="28" height="27"></li>
        				<li>{{yeText}}</li>
        			</ul>
        		</div>
        		<div class="main-content">
        			<dl>
        				<dt><img :src="dtImg" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddText}}</p>
        					<p><img :src="ddImg">{{ddTextTwo}}</p>
        				</dd>
        			</dl>

        			<dl>
        				<dt><img :src="dtImgTwo" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddTextThree}}</p>
        					<p><img :src="ddImgTwo">{{ddTextFour}}</p>
        				</dd>
        			</dl>
        		</div>

        		<div class="main-content-two">
        			<dl>
        				<dt><img :src="dtImg" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddText}}</p>
        					<p><img :src="ddImg">{{ddTextTwo}}</p>
        				</dd>
        			</dl>

        			<dl>
        				<dt><img :src="dtImgTwo" width="314" height="315"></dt>
        				<dd>
        					<p>{{ddTextThree}}</p>
        					<p><img :src="ddImgTwo">{{ddTextFour}}</p>
        				</dd>
        			</dl>
        		</div>
        	</div>
        </section>
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
    	lpdhImg:'../../static/imgs/fanhiu.png',
    	lpdhText:'礼品兑换',
    	lpImg:'../../static/imgs/taideng.png',
    	dhText:'胜霸霸!',
    	exImg:'../../static/imgs/lpdhyellow.png',
    	exImgTwo:'../../static/imgs/lpdhred.png',
    	exText:'金币',
    	exImgThree:'../../static/imgs/lpdhhui.png',
    	exImgFour:'../../static/imgs/lpdhhuitwo.png',
    	exImgFive:'../../static/imgs/lpdhred.png',
    	exTextTwo:'积分',
    	exTextThree:'如何赚取糖币和积分',
    	exImgSeven:'../../static/imgs/lpdhhui.png',
    	exTextFour:'兑换历史',
    	yeImg:"../../static/imgs/lpdhyellowtwo.png",
    	yeText:'糖币兑换区',

    	dtImg:'../../static/imgs/mogu.png',
    	ddText:'[小糖君]卡通形象玩偶',
    	ddImg:'../../static/imgs/lpdhyellowtwo.png',
    	ddTextTwo:'380',

    	dtImgTwo:'../../static/imgs/deng.png',
    	ddTextThree:'[小糖君]卡通形象玩偶',
    	ddImgTwo:'../../static/imgs/lpdhyellowtwo.png',
    	ddTextFour:'380',
    	buText:'查看全部'
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/lipinduihuan.less);
</style>
